<template>
    <div class="uc-abscenter">
        <svg xmlns="http://www.w3.org/2000/svg" width="70" height="70" viewBox="0 0 70 70">
            <path transform="translate(15,15) scale(0.04,0.04)"
                d="M576,363L810,512L576,661zM342,214L576,363L576,661L342,810z"></path>
        </svg>
    </div>
</template>

<style lang="scss" scoped>
.uc-abscenter {
    z-index: 1;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);

    svg {
        fill: hsla(0, 0%, 100%, 0.7);
        background-color: rgba(0, 0, 0, 0.38);
        border-radius: 50%;
    }

    &:hover {
        opacity: 0.85;
    }
}
</style>